<template xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
  <div class="collection">
    <div id="max">
      <!--导航-->
      <nav>
        <div class="nav_min">
          <div class="nav_top">
            <div class="nav_top_one">
              <a href="javascript:;"><img src="img/logo1.jpg" /></a>
            </div>
            <div class="nav_top_two"><input type="text" /><button>搜索</button></div>
            <div class="nav_top_three">
              <a href="../JD_Shop/One_JDshop.html">我的购物车</a><span class="glyphicon glyphicon-shopping-cart"></span>
              <div class="nav_top_three_1">
                <img src="img/44.png" />购物车还没有商品，赶紧选购吧！
              </div>
            </div>
          </div>
        </div>
      </nav>

      <!--等待付款内容-->
      <div class="content">
        <div class="emph-tips">
          <div class="emph-tipss">
            <b></b>安全提醒：为了您的财产安全，<strong>不要点击陌生链接、不要向陌生人转账</strong>或透漏银行卡和验证码信息，<strong>谨防诈骗</strong>！
          </div>
        </div>
        <div class="content_myjd">
          <div class="breadcrumb">
            <a href="//home.jd.com/">我的谷粒商城</a><span>&nbsp;&gt;&nbsp;<a href="//order.jd.com/center/list.action">订单中心</a>&nbsp;&gt;&nbsp;<strong>订单：70716422916</strong></span></div>
        </div>
        <div class="order-state01">
          <div class="state-cont">
            <!-- 工具条 -->
            <div class="state-lcol">
              <div class="state-top">订单号：70716422916</div>
              <h3 class="state-txt">等待付款</h3>

              <span class="remain-time" style=""><b class="b1"></b>剩余4时51分</span>
              <div class="state-btns">
                <a class="btn-1">付款</a>
                <a class="btn-2">找人代付</a>
              </div>
              <div class="state-bottom">
                <span class="span1"><b class="b1"></b>打印订单</span>
                <span class="span2"><b class="b2"></b>取消订单</span>
              </div>

            </div>

            <!-- 进度条 -->
            <div class="state-rcol">
              <div class="state-rtop">
                <!--提示信息 -->
                <div class="ftx-03">
                  该订单会为您保留6.0小时（从下单之日算起），6.0小时之后如果还未付款，系统将自动取消该订单。
                </div>
              </div>
              <!--进度条 -->

              <div id="process-04" class="order-process order-strike-process">
                <div class="lioucheng">
                  <ul>
                    <li>等待付款</li>
                    <li></li>
                    <li></li>
                    <li></li>
                  </ul>
                </div>
                <div class="lioucheng_1">
                  <ul>
                    <li class="a1"></li>
                    <li class="b1"><img src="image/hongde.png" /></li>
                    <li class="a2"></li>
                    <li class="b2"><img src="image/huide.png" /></li>
                    <li class="a3"></li>
                    <li class="b2"><img src="image/huide.png" /></li>
                    <li class="a4"></li>
                    <li class="b2"><img src="image/huide.png" /></li>
                    <li class="a5"></li>
                  </ul>
                </div>
                <div class="lioucheng_2">
                  <ul>
                    <li>
                      <p>提交订单</p>
                      <p id='time'></p>
                    </li>
                    <li>
                      <p class="color_p">付款成功</p>
                      <p></p>
                    </li>
                    <li>
                      <p class="color_p">商品出库</p>
                      <p></p>
                    </li>
                    <li>
                      <p class="color_p">等待收货</p>
                      <p></p>
                    </li>
                    <li class="wancheng">
                      <p class="color_p">完成</p>
                      <p></p>
                    </li>

                  </ul>
                </div>
              </div>

              <div class="state-others">
                <span class="txt">完成订单可能获得：</span>
                <a href="#none" class="btn-bean mr10" clstag="click|keycount|orderinfo|xqjingdou"><b class="b1"></b>京豆</a>
                <a href="#none" class="btn-coupon mr10" clstag="click|keycount|orderinfo|xqyouhuiquan"><b class="b2"></b>优惠券</a>
              </div>

            </div>
            <div class="xian">

            </div>

          </div>
          <div class="mb"></div>
        </div>
        <!--配货方式-->
        <div class="sta_pei">
          <div class="sta_left">
            <div class="sta_1">
              <img src="image/5886ffa5Na5e39e2d.jpg" />
              <span>
                                  送货方式：普通快递
                </span>
            </div>
          </div>
          <div class="sta_rifht">
            <ul>
              <li class="afterdate first"><i class="node-icon"></i><span class="date">2017-12-26<span class="week">/周二</span></span><span class="time">09:39:49</span><strong class="txt">您提交了订单，请等待系统确认</strong></li>
            </ul>
          </div>
        </div>

        <!--配送信息-->
        <div class="sta_xinxi">
            <ul>
              <li>
                <div class="dl">
                  <div class="dt">
                    <h4>收货人信息
                    </h4>
                  </div>
                  <div class="dd">
                    <div class="item">
                      <span class="label">收货人：</span>
                      <div class="info-rcol">
                        张亚飞
                      </div>
                    </div>
                    <div class="item">
                      <span class="label">地址：</span>
                      <div class="info-rcol">
                        北京昌平区六环以内北京吉利大学学生公寓-马池口镇吉利大学
                      </div>
                    </div>
                    <div class="item">
                      <span class="label">手机号码：</span>
                      <div class="info-rcol">
                        147****4726
                      </div>
                    </div>

                  </div>
                </div>
              </li>
              <li>
                <div class="dl">
                  <div class="dt">
                    <h4>配送信息</h4>
                  </div>
                  <div class="dd">

                    <div class="item">
                        <span class="label">
                        配送方式：
                    </span>
                      <div class="info-rcol">
                        普通快递
                      </div>
                    </div>

                    <div class="item">
                        <span class="label">
                            运费：
                        </span>
                      <div class="info-rcol">
                          <span class="f-price">
                              ¥12.00
                             </span>
                      </div>
                    </div>

                    <div class="item">
                        <span class="label">
                                            送货日期：
                                        </span>
                      <div class="info-rcol">
                        2018-01-01
                      </div>
                    </div>
                    <div class="item">
                        <span class="label">
                                            配送时间：
                                        </span>
                      <div class="info-rcol">
                        18:00-20:00<span class="delivery-type">京准达</span> </div>
                    </div>

                  </div>
                </div>
              </li>
              <li>
                <div class="dl" id="pay-info-nozero">
                  <div class="dt">
                    <h4>付款信息</h4>
                  </div>
                  <div class="dd">
                    <div class="item">
                        <span class="label">
                付款方式：
              </span>
                      <div class="info-rcol">
                        在线支付
                      </div>
                    </div>

                    <div class="item">
                        <span class="label">
                      商品总额：
                    </span>
                      <div class="info-rcol">
                          <span class="f-price">
                                     ¥21.80
                      </span>
                      </div>
                    </div>

                    <div class="item">
                        <span class="label">
                  应支付金额：
                </span>
                      <div class="info-rcol">
                          <span class="f-price">
                                  ¥33.80
                  </span>
                      </div>
                    </div>

                    <div class="item">
                        <span class="label">
                运费金额：
              </span>
                      <div class="info-rcol">
                          <span class="f-price">
                        ¥12.00
                        </span>
                        <span class="help-tip"></span> </div>
                    </div>

                  </div>
                  <!-- 续重运费	-->
                  <div id="freshTips" style="display:none">
                    <div class="prompt-box prompt-box-yf">
                      <div class="pc">
                        <div class="yf-item">
                          <div class="yf-title">
                            <span class="title">生鲜商品</span><span class="tips">(总重：1.600 kg)</span>
                          </div>
                          <div class="yf-box">
                            <div class="item"><label>基础运费：</label><span>￥12.00</span></div>
                            <div class="item"><label>续重运费：</label><span>￥0.00</span>
                              <a href="//help.jd.com/user/issue/109-188.html" target="_blank"> 查看续重标准&gt;</a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="more">
                    <span class="txt">更多</span><b></b>
                  </div>

                  <!-- 更多费用	-->
                  <div id="pay-info-allfee" style="display:none">

                    <div class="item">
                        <span class="label">
                优惠券：
              </span>
                      <div class="info-rcol">
                          <span class="f-price">
                            ¥0.00
                        </span>
                      </div>
                    </div>

                    <div class="item">
                        <span class="label">
                返现：
              </span>
                      <div class="info-rcol">
                          <span class="f-price">
                            ¥0.00
                        </span>
                      </div>
                    </div>

                    <div class="item">
                        <span class="label">
                礼品卡-领货码
              </span>
                      <div class="info-rcol">
                          <span class="f-price">
    <!--                          ¥<0 class="00"></0>-->
                        </span>
                      </div>
                    </div>

                    <div class="item">
                        <span class="label">
                余额：
              </span>
                      <div class="info-rcol">
                          <span class="f-price">
                            ¥0.00
                        </span>
                      </div>
                    </div>
                    <div class="item">
                        <span class="label">
                税费：
              </span>
                      <div class="info-rcol">
                          <span class="f-price">
                            ¥0.00
                        </span>
                      </div>
                    </div>

                    <div class="item">
                        <span class="label">
                京豆：
              </span>
                      <div class="info-rcol">
                          <span class="f-price">
                            ¥0.00
                        </span>
                      </div>
                    </div>

                    <div class="item">
                        <span class="label">
                订单优惠：
              </span>
                      <div class="info-rcol">
                          <span class="f-price">
                            ¥0.00
                        </span>
                      </div>
                    </div>

                    <div class="item">
                        <span class="label">
                退换无忧：
              </span>
                      <div class="info-rcol">
                          <span class="f-price">
                            ¥0.00
                        </span>
                      </div>
                    </div>

                  </div>
                </div>
              </li>
              <li>
                <div id="J-invoice-info" class="dl">
                  <div class="dt">
                    <h4>发票信息</h4>
                  </div>
                  <div class="dd">

                    <div class="item">
                        <span class="label">
                                   发票类型：
                                </span>
                      <div class="info-rcol">
                        电子普通发票
                      </div>
                    </div>
                    <div class="item">
                        <span class="label">
                                发票抬头：
                            </span>
                      <div class="info-rcol">
                        个人
                      </div>
                    </div>

                    <div class="item">
                        <span class="label">
                               发票内容：
                            </span>
                      <div class="info-rcol">
                        商品明细
                      </div>
                    </div>
                    <div id="invoiceTips" style="display:none">
                      <div class="prompt-box info-prompt-box">
                        商品明细
                      </div>
                    </div>

                    <div class="item J-e-invoice">
                    </div>

                  </div>
                </div>
              </li>
            </ul>
          </div>

          <!--谷粒商城-->
        <div class="jdwenzi">谷粒商城<span></span></div>

          <!--商品信息-->
        <div class="shop_sta_xinin">
            <table>
              <tr>
                <th style="width: 500px;">商品</th>
                <th>商品编号</th>
                <th>谷粒商城价</th>
                <th>商品数量</th>
                <th>京豆</th>
                <th>操作</th>
              </tr>
              <tr>
                <td><img src="image/5886ffa5Na5e39e2d.jpg"/>
                  <div style="display: inline-block;">
                    <p><b></b><a href="//item.jd.com/1778772.html" class="a-link" target="_blank" title="伊利 风味发酵乳 原味酸奶100g*8（两件起售）">伊利 风味发酵乳 原味酸奶100g*8（两件起售）</a></p>
                    <p class="txt">益消 原味八连杯100g*</p>
                  </div>
                </td>
                <td>1778772</td>
                <td>¥10.90</td>
                <td>2</td>
                <td>0</td>
                <td></td>
              </tr>
            </table>
            <div class="ccccc">
              <div class="right">
                <div class="shuxing">
                  <p>商品总额：</p>
                  <p>返　　现：</p>
                  <p>运　　费：</p>
                  <p style="color: red;">应付总额：</p>
                </div>
                <div class="shuxingzhi">
                  <p>¥21.80</p>
                  <p>-¥0.00</p>
                  <p><b class="b1"></b> ¥12.00</p>
                  <p class="p1">¥33.80</p>
                </div>
              </div>
            </div>
          </div>

          <!--猜你喜欢-->
        <div class="cainixihuan">
            <div class="cainixihuan_1">
              <div class="l1" style="margin-left: 30px;">猜你喜欢</div>
              <div class="r1" style="margin-right: 30px;">
                <span class="span1" style="background: red;color: white;">1</span>
                <span class="span2">2</span>
                <span class="span3">3</span>
              </div>
            </div>
            <!-- 选项卡 -->
            <div class="xuanxiangka">
              <ul class="ul1">
                <li >
                  <ul class="ul2">
                <li>
                  <img src="image/5a0bf933N27e3b0be.jpg"/>
                  <p class="p1">展卉 泰国进口龙眼 1kg 新鲜水果</p>
                  <p class="p2">￥19.90</p>
                  <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
                </li>
                <li>
                  <img src="image/57c3a568N2d970e3f.jpg"/>
                  <p class="p1">xuenair 手机膜 适用于oppo r9高清膜 R9软膜保护膜普通膜 R9高清软膜</p>
                  <p class="p2">￥9.90</p>
                  <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
                </li>
                <li>
                  <img src="image/57d288afNb3f03376.jpg"/>
                  <p class="p1">关键 全屏覆盖膜高清手机保护软贴膜 适用于OPPOR9/m/R9tm/R9/R9CM 全屏3D高清热弯软膜-PET热弯膜</p>
                  <p class="p2">￥23.90</p>
                  <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
                </li>
                <li>
                  <img src="image/58ae8d6fNec021b75.jpg"/>
                  <p class="p1">铭卡 3D曲面全覆盖膜全屏高清软膜全贴合不翘边手机保护贴膜无白边 适用于OPPO R9 全包软膜1盒3片装-OPPO R9Plus</p>
                  <p class="p2">￥19.90</p>
                  <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
                </li>
                <li>
                  <img src="image/57cd2cdfN536d176e.jpg"/>
                  <p class="p1">金龙鱼 食用油 非转基因 压榨 一级 纯正玉米油4L</p>
                  <p class="p2">￥59.90</p>
                  <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
                </li>
              </ul>

              </li>
              <li style="display: none;">
                <ul class="ul2">
                  <li>
                    <img src="image/59cf0288N70c5550e.jpg"/>
                    <p class="p1">维达(Vinda) 卷纸 蓝色经典3层140g卫生纸*27卷(整箱销售)</p>
                    <p class="p2">￥21.90</p>
                    <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
                  </li>
                  <li>
                    <img src="image/59dad98dN844ade9a.jpg"/>
                    <p class="p1">花王（Merries）纸尿裤 XL44片 加大号尿不湿（12-20kg）（日本原装进口）</p>
                    <p class="p2">￥9.90</p>
                    <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
                  </li>
                  <li>
                    <img src="image/574d9d9aNe4e6fa7a.jpg"/>
                    <p class="p1">小米（MI）小米手环2 智能运动 心率监测 来电提醒 久坐提醒 LED显示屏 时间显示 防水计步器 无感腕带</p>
                    <p class="p2">￥23.90</p>
                    <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
                  </li>
                  <li>
                    <img src="image/55dfbd92Necddda85.jpg"/>
                    <p class="p1">德芙Dove巧克力分享碗装 丝滑牛奶巧克力糖果巧克力休闲零食252g</p>
                    <p class="p2">￥19.90</p>
                    <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
                  </li>
                  <li>
                    <img src="image/582e96dfNb2297429.jpg"/>
                    <p class="p1">Ferrero Rocher费列罗榛果威化糖果巧克力礼盒16粒200g</p>
                    <p class="p2">￥59.90</p>
                    <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
                  </li>
                </ul>

              </li>
              <li style="display: none;">
                <ul class="ul2">
                  <li>
                    <img src="image/5703e5b3N55d82839.jpg"/>
                    <p class="p1">Ferrero Rocher费列罗榛果威化糖果巧克力礼盒48粒600g</p>
                    <p class="p2">￥19.90</p>
                    <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
                  </li>
                  <li>
                    <img src="image/59229ca7N12620168.jpg"/>
                    <p class="p1">花王 (Merries) 妙而舒 纸尿裤 大号 L54片 尿不湿（9-14千克） （日本官方直采）</p>
                    <p class="p2">￥19.90</p>
                    <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
                  </li>
                  <li>
                    <img src="image/59bf3c47N91d65c73.jpg"/>
                    <p class="p1">关键 全屏覆盖膜高清手机保护软贴膜 适用于OPPOR9/m/R9tm/R9/R9CM 全屏3D高清热弯软膜-PET热弯膜</p>
                    <p class="p2">￥213.90</p>
                    <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
                  </li>
                  <li>
                    <img src="image/58ae8d6fNec021b75.jpg"/>
                    <p class="p1">荣耀8 4GB+64GB 全网通4G手机 魅海蓝</p>
                    <p class="p2">￥19.90</p>
                    <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
                  </li>
                  <li>
                    <img src="image/58be1d28Naaca124c.jpg"/>
                    <p class="p1">Ferrero Rocher费列罗榛果威化糖果巧克力礼盒8粒心形装100g</p>
                    <p class="p2">￥39.90</p>
                    <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
                  </li>
                </ul>
              </li>
              </ul>
            </div>
          </div>

        <!--底部-->
        <footer>
          <div class="bg_top">
            <ol class="slogen">
              <li class="item fore1">
                <i>多</i>品类齐全，轻松购物
              </li>
              <li class="item fore2">
                <i>快</i>多仓直发，极速配送
              </li>
              <li class="item fore3">
                <i>好</i>正品行货，精致服务
              </li>
              <li class="item fore4">
                <i>省</i>天天低价，畅选无忧
              </li>
            </ol>
          </div>
          <div class="dj_help">
            <div class="dj_w">
              <div class="dj_wrap">
                <dl class="fore1">
                  <dt>购物指南</dt>
                  <dd>
                    <a href="javascript:;">购物流程</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">会员介绍</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">生活旅行/团购</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">常见问题</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">大家电</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">联系客服</a>
                  </dd>
                </dl>
                <dl class="fore2">
                  <dt>配送方式</dt>
                  <dd>
                    <a href="javascript:;">上门自提</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">211限时达</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">配送服务查询</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">配送费收取标准</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">海外配送</a>
                  </dd>
                </dl>
                <dl class="fore3">
                  <dt>支付方式</dt>
                  <dd>
                    <a href="javascript:;">货到付款</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">在线支付</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">分期付款</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">邮局汇款</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">公司转账</a>
                  </dd>
                </dl>
                <dl class="fore4">
                  <dt>售后服务</dt>
                  <dd>
                    <a href="javascript:;">售后政策</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">价格保护</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">退款说明</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">返修/退换货</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">取消订单</a>
                  </dd>
                </dl>
                <dl class="fore5">
                  <dt>特色服务</dt>
                  <dd>
                    <a href="javascript:;">夺宝岛</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">DIY装机</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">延保服务</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">谷粒商城E卡</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">谷粒商城通信</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">谷粒商城JD+</a>
                  </dd>
                </dl>
              </div>
            </div>
          </div>
        </footer>

        <div class="bg_info_footer">
          <div class="bg_wrap">
            <div class="bg_links">
              <p>
                <a href="javascript:;" target="_blank">关于我们</a><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">联系我们</a><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">联系客服</a><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">合作招商</a><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">商家帮助</a><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">营销中心</a><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">手机谷粒商城</a><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">友情链接</a><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">销售联盟</a><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">谷粒商城社区</a><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">风险监测</a><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">隐私政策</a><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">谷粒商城公益</a><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">English Site</a><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">Contact Us</a>
              </p>
            </div>
            <div class="bg_info_sky">
              <p class="bg_info_p">
                <a href="javascript:;" target="_blank">京公网安备 11000002000088号</a><span class="copyright_split">|</span><span>京ICP证070359号</span><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span class="copyright_split">|</span><span>新出发京零&nbsp;字第大120007号</span>
              </p>
              <p class="bg_info_p">
                <span>互联网出版许可证编号新出网证(京)字150号</span><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">出版物经营许可证</a><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">网络文化经营许可证京网文[2014]2148-348号</a><span class="copyright_split">|</span><span>违法和不良信息举报电话：4006561155</span>
              </p>
              <p class="bg_info_p">
                <span class="copyright_text">Copyright&nbsp;©&nbsp;2004&nbsp;-&nbsp;<em id="copyright_year">2017</em>&nbsp;&nbsp;谷粒商城gulimall.com&nbsp;版权所有</span><span class="copyright_split">|</span><span>消费者维权热线：4006067733</span>
                <a href="javascript:;" target="_blank" class="copyright_license">经营证照</a>
              </p>
              <p class="bg_info_p">
                <span>谷粒商城旗下网站：</span>
                <a href="javascript:;" target="_blank">谷粒商城钱包</a><span class="copyright_split">|</span>
                <a href="javascript:;" target="_blank">谷粒商城云</a>
              </p>
              <p class="bg_info_dy">
                <a class="copyright_auth_ico copyright_auth_ico_1" href="javascript:;" target="_blank">经营性网站备案中心</a>

                <a id="urlknet" class="copyright_auth_ico copyright_auth_ico_2" href="javascript:;" target="_blank">可信网站信用评估</a>
                <a class="copyright_auth_ico copyright_auth_ico_3" href="javascript:;" target="_blank">网络警察提醒你</a>
                <a class="copyright_auth_ico copyright_auth_ico_4" href="javascript:;" target="_blank">诚信网站</a>
                <a class="copyright_auth_ico copyright_auth_ico_5" href="javascrit:;" target="_blank">中国互联网举报中心</a>
                <a class="copyright_auth_ico copyright_auth_ico_6" href="javascript:;" target="_blank">网络举报APP下载</a>
              </p>
            </div>
          </div>
        </div>

        <div class="fix_ed">
          <ul class="uls">
            <li class="i1">
              <div class="xian_hied">
                <div class="service-cont problem-cont">
                  <div class="problem-top">
                    <h5>常见问题</h5>
                    <a href="#none" class="close">x</a>
                  </div>
                  <div class="problem-list">
                    <a href="//help.jd.com/user/issue/102-250.html">1、我的包裹几天可以收到？</a>
                    <a href="//help.jd.com/user/issue/103-983.html">2、我的地址都支持什么配送服务？</a>
                    <a href="//help.jd.com/user/issue/108-385.html">3、订单签收异常了怎么办？</a>
                    <a href="//help.jd.com/user/issue/75-244.html">4、下单后可以修改订单吗？</a>
                    <a href="//help.jd.com/user/issue/100-1014.html">5、自提点位置如何查询？</a>
                    <a href="//help.jd.com/user/index.html" class="more">更多问题&nbsp;&gt;</a>
                  </div>
                </div>
              </div>
            </li>
            <li class="i2">
              <div class="weweima">
                <p>微信扫描随时随地查订单</p>
                <img src="image/erweima.png"/>
              </div>
            </li>
            <li class="i3"></li>
            <li class="i4"></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "index",
  data() {
    return {

    }
  },
  created() {

  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>

.collection {
  height: 100%;
  width: 100%;
  background-color: rgb(245, 245, 245);

  .settlement{
    width: 1300px;
    margin: 0 auto;
  }
}

* {
  margin: 0;
  padding: 0;
  list-style: none; }

a {
  text-decoration: none; }

#max {
  width: 100%;
  margin: 0 auto;
  border: 1px solid lavender; }
#max header {
  width: 100%;
  height: 31px;
  background: #E3E4E5; }
#max header .min {
  width: 1210px;
  margin: 0 auto;
  position: relative;
  z-index: 22; }
#max header .min .header_ul_left {
  width: 295px;
  height: 31px;
  float: left; }
#max header .min .header_ul_left li {
  width: 105px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  float: left;
  color: darkgray; }
#max header .min .header_ul_left li a {
  margin-left: 5px;
  color: darkgray;
  font-size: 12px;
  text-decoration: none; }
#max header .min .header_ul_left li:last-child {
  position: relative; }
#max header .min .header_ul_left li:last-child #beijing {
  width: 300px;
  height: 230px;
  background: white;
  padding: 10px;
  margin-top: -3px;
  overflow: hidden;
  border-bottom: 1px solid lavender;
  border-left: 1px solid lavender;
  border-right: 1px solid lavender;
  display: none;
  z-index: 22; }
#max header .min .header_ul_left li:last-child #beijing li {
  width: 48px;
  height: 30px;
  margin-left: 9px;
  line-height: 30px;
  text-align: center;
  float: left;
  margin-bottom: 5px; }
#max header .min .header_ul_left li:last-child #beijing li:hover {
  background: #F3F3F3; }
#max header .min .header_ul_left li:last-child #beijing li:hover a {
  color: red; }
#max header .min .header_ul_left .glyphicon-map-marker:hover {
  background: white; }
#max header .min .header_ul_right {
  width: 730px;
  height: 31px;
  float: right; }
#max header .min .header_ul_right li {
  width: 77px;
  height: 31px;
  line-height: 31px;
  float: left;
  color: darkgray;
  text-align: center; }
#max header .min .header_ul_right li a {
  color: darkgray;
  font-size: 12px;
  text-decoration: none; }
#max header .min .header_ul_right li span {
  margin-left: 4px;
  font-size: 10px; }
#max header .min .header_ul_right .jingdong {
  height: 40px;
  border: 0;
  position: relative;
  top: 0; }
#max header .min .header_ul_right .jingdong .jingdong_ol {
  width: 300px;
  height: 250px;
  background: white;
  position: absolute;
  top: 31px;
  border-bottom: 1px solid lavender;
  border-left: 1px solid lavender;
  border-right: 1px solid lavender;
  display: none;
  z-index: 11; }
#max header .min .header_ul_right .jingdong .jingdong_ol li {
  width: 141px;
  padding: 0 10px;
  height: 25px;
  border: 0;
  float: left;
  text-align: left;
  line-height: 30px; }
#max header .min .header_ul_right .jingdong .jingdong_ol li:hover a {
  color: red; }
#max header .min .header_ul_right .jingdong .jingdong_ol p {
  width: 300px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  border-top: 1px solid lavender; }
#max header .min .header_ul_right .jingdong .jingdong_ol p span:first-child {
  float: left;
  margin-left: 10px;
  font-weight: 600; }
#max header .min .header_ul_right .jingdong .jingdong_ol p span:last-child {
  float: right;
  margin-right: 10px; }
#max header .min .header_ul_right .jingdong .jingdong_ol p .span1:hover {
  color: red; }
#max header .min .header_ul_right .jingdong .jingdong_ol div {
  width: 270px;
  margin: 0 auto; }
#max header .min .header_ul_right .jingdong .jingdong_ol div img {
  width: 20%;
  height: 40px;
  margin-left: 2%; }
#max header .min .header_ul_right .fuwu {
  position: relative; }
#max header .min .header_ul_right .fuwu .fuwu_ol {
  width: 150px;
  height: 270px;
  border-bottom: 1px solid lavender;
  border-left: 1px solid lavender;
  border-right: 1px solid lavender;
  margin-top: -2px;
  background: white;
  overflow: hidden;
  display: none; }
#max header .min .header_ul_right .fuwu .fuwu_ol h6 {
  width: 150px;
  text-align: left;
  text-indent: 1em;
  float: left;
  font-weight: 600;
  color: dimgray; }
#max header .min .header_ul_right .fuwu .fuwu_ol li {
  width: 72px;
  height: 28px;
  line-height: 28px;
  text-align: left; }
#max header .min .header_ul_right .fuwu .fuwu_ol li a {
  margin-left: 8px; }
#max header .min .header_ul_right .fuwu .fuwu_ol li:hover a {
  color: red; }
#max header .min .header_ul_right .daohang .daohang_ol {
  width: 1210px;
  height: 180px;
  border-bottom: 1px solid lavender;
  border-left: 1px solid lavender;
  border-right: 1px solid lavender;
  position: absolute;
  top: 31px;
  left: 0;
  background: white;
  z-index: 2;
  overflow: hidden;
  display: none; }
#max header .min .header_ul_right .daohang .daohang_ol li {
  width: 22%;
  height: 160px;
  float: left;
  margin-top: 10px;
  padding: 5px 5px 5px 15px;
  border-right: 1px solid darkgray; }
#max header .min .header_ul_right .daohang .daohang_ol li h5 {
  width: 100%;
  text-align: left;
  font-weight: 600;
  color: dimgray; }
#max header .min .header_ul_right .daohang .daohang_ol li p {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0; }
#max header .min .header_ul_right .daohang .daohang_ol li p a {
  display: block;
  width: 25%;
  height: 25px;
  line-height: 25px;
  float: left;
  text-align: left; }
#max header .min .header_ul_right .daohang .daohang_ol li p .aa_2 {
  display: block;
  width: 33%;
  height: 25px;
  line-height: 25px;
  float: left; }
#max header .min .header_ul_right .daohang .daohang_ol li a:hover {
  color: red; }
#max header .min .header_ul_right .sjjd {
  position: relative; }
#max header .min .header_ul_right .sjjd .er {
  width: 160px;
  height: 250px;
  padding: 5px;
  border-bottom: 1px solid lavender;
  border-left: 1px solid lavender;
  border-right: 1px solid lavender;
  position: absolute;
  top: 31px;
  left: -82px;
  background: white;
  z-index: 11;
  display: none; }
#max header .min .header_ul_right .sjjd .er .er_1 {
  width: 100%;
  height: 80px;
  overflow: hidden;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px solid lavender; }
#max header .min .header_ul_right .sjjd .er .er_1 img {
  width: 40%;
  height: 100%;
  float: left; }
#max header .min .header_ul_right .sjjd .er .er_1 .er_1_1 {
  width: 58%;
  height: 100%;
  float: right; }
#max header .min .header_ul_right .sjjd .er .er_1 .er_1_1 h6 {
  width: 100%;
  height: 16px;
  line-height: 16px;
  color: dimgray;
  margin: 0;
  padding: 0;
  text-align: left; }
#max header .min .header_ul_right .sjjd .er .er_1 .er_1_1 p {
  width: 100%;
  height: 16px;
  line-height: 16px;
  color: red;
  margin: 5px 0 0;
  padding: 0;
  text-align: left;
  font-size: 12px; }
#max header .min .header_ul_right .sjjd .er .er_1 .er_1_1 div {
  width: 100%;
  height: 45px; }
#max header .min .header_ul_right .sjjd .er .er_1 .er_1_1 div img {
  width: 27px;
  height: 30px;
  margin-top: 7px; }
#max header .min .header_ul_right .jingdong:hover {
  background: white; }
#max header .min .header_ul_right .fuwu:hover {
  background: white; }
#max header .min .header_ul_right .daohang:hover {
  background: white; }
#max header .min .header_ul_right .sjjd:hover {
  background: white; }
#max header .min .aa:hover {
  color: red;
  text-decoration: none; }
#max nav {
  width: 100%;
  margin: 0 auto;
  border-bottom: 2px solid #F30213; }
#max nav .nav_min {
  width: 1210px;
  margin: 0 auto; }
#max nav .nav_min .nav_top {
  width: 100%;
  height: 100px;
  clear: both; }
#max nav .nav_min .nav_top div {
  float: left; }
#max nav .nav_min .nav_top .nav_top_one {
  width: 12%; }
#max nav .nav_min .nav_top .nav_top_one img {
  width: 100%;
  margin-top: 23px; }
#max nav .nav_min .nav_top .nav_top_two {
  width: 50%;
  height: 100%;
  overflow: hidden;
  margin-left: 17%; }
#max nav .nav_min .nav_top .nav_top_two input {
  width: 85%;
  height: 40%;
  float: left;
  border: 2px solid #F30213;
  margin-top: 5%;
  outline: none; }
#max nav .nav_min .nav_top .nav_top_two button {
  width: 15%;
  height: 40%;
  font-size: 16px;
  border: 0;
  color: white;
  background: #F30213;
  margin-top: 5%; }
#max nav .nav_min .nav_top .nav_top_three {
  width: 12%;
  height: 40%;
  border: 1px solid darkgray;
  line-height: 40px;
  text-align: center;
  background: #F3F3F3;
  margin-top: 2.5%;
  margin-left: 5%;
  position: relative;
  z-index: 5; }
#max nav .nav_min .nav_top .nav_top_three span {
  margin-left: 10px;
  color: #F30213;
  z-index: 1; }
#max nav .nav_min .nav_top .nav_top_three a {
  color: #F30213;
  text-decoration: none; }
#max nav .nav_min .nav_top .nav_top_three .nav_top_three_1 {
  width: 300px;
  height: 70px;
  padding: 10px;
  position: absolute;
  top: 39px;
  left: -154px;
  z-index: 3;
  background: white;
  display: none;
  box-shadow: 0 3px 8px lavender; }
#max nav .nav_min .nav_top .nav_top_three:hover {
  border: 0;
  background: white;
  box-shadow: 0 0 8px lavender;
  z-index: 1;
  color: darkgray; }
#max .content {
  width: 100%;
  background: #f5f5f5; }
#max .content .emph-tips {
  width: 100%;
  background: white;
  height: 30px;
  line-height: 30px;
  background: white; }
#max .content .emph-tips .emph-tipss {
  width: 1208px;
  margin: 0 auto;
  text-align: 20px; }
#max .content .emph-tips .emph-tipss b {
  margin-left: 40px;
  display: inline-block;
  width: 14px;
  height: 20px;
  //background-image: url("../image/order-icons.png");
  background-position: 0 -88px; }
#max .content .content_myjd {
  width: 1210px;
  margin: 0 auto; }
#max .content .content_myjd .breadcrumb {
  height: 50px;
  overflow: hidden;
  line-height: 55px;
  vertical-align: baseline; }
#max .content .content_myjd .breadcrumb a {
  color: #666; }
#max .content .content_myjd .breadcrumb a:hover {
  color: #f30213;
  text-decoration: none; }
#max .content .order-state01 {
  background: white;
  width: 1210px;
  margin: 0 auto;
  border-top: 2px solid red; }
#max .content .order-state01 .state-cont {
  width: 100%;
  overflow: hidden;
  border-bottom: 20px solid #F5F5F5; }
#max .content .order-state01 .state-cont .state-lcol {
  float: left;
  width: 325px;
  float: left;
  padding: 20px 0 38px;
  text-align: center; }
#max .content .order-state01 .state-cont .state-lcol .state-txt {
  color: #e4393c;
  font-weight: 600; }
#max .content .order-state01 .state-cont .state-lcol .remain-time {
  color: #e4393c; }
#max .content .order-state01 .state-cont .state-lcol .remain-time .b1 {
  display: inline-block;
  width: 20px;
  height: 15px;
  //background-image: url("../image/order-icons.png");
  background-position: -17px -92px; }
#max .content .order-state01 .state-cont .state-lcol .state-btns {
  width: 100px;
  margin: 0 auto;
  text-align: center; }
#max .content .order-state01 .state-cont .state-lcol .state-btns .btn-1 {
  margin-top: 20px;
  border: 1px solid red;
  border-radius: 5px;
  display: block;
  width: 98px;
  padding: 4px 0 5px;
  font-weight: 600;
  font-size: 12px;
  color: #e4393c;
  line-height: 20px; }
#max .content .order-state01 .state-cont .state-lcol .state-btns .btn-2 {
  margin-top: 20px;
  border: 1px solid darkgrey;
  border-radius: 5px;
  display: block;
  width: 98px;
  padding: 4px 0 5px;
  font-size: 12px;
  color: #333;
  background: #ddd;
  outline-color: #eee;
  line-height: 20px; }
#max .content .order-state01 .state-cont .state-lcol .state-btns .btn-1:hover {
  background: red;
  text-decoration: none;
  color: white; }
#max .content .order-state01 .state-cont .state-lcol .state-btns .btn-2:hover {
  background: white;
  text-decoration: none;
  color: red; }
#max .content .order-state01 .state-cont .state-lcol .state-bottom {
  width: 100%;
  margin-top: 83px;
  height: 20px;
  line-height: 20px; }
#max .content .order-state01 .state-cont .state-lcol .state-bottom span {
  width: 100px;
  padding: 0 30px; }
#max .content .order-state01 .state-cont .state-lcol .state-bottom span .b1 {
  display: inline-block;
  width: 20px;
  height: 15px;
  //background-image: url("../image/order-icons.png");
  background-position: 0 -133px; }
#max .content .order-state01 .state-cont .state-lcol .state-bottom span .b2 {
  display: inline-block;
  width: 20px;
  height: 15px;
  //background-image: url("../image/order-icons.png");
  background-position: -46px -133px;
  vertical-align: 0; }
#max .content .order-state01 .state-cont .state-lcol .state-bottom .span1:hover .b1 {
  display: inline-block;
  width: 20px;
  height: 15px;
  //background-image: url("../image/order-icons.png");
  background-position: 0 -44px; }
#max .content .order-state01 .state-cont .state-lcol .state-bottom .span2:hover .b2 {
  display: inline-block;
  width: 20px;
  height: 15px;
  //background-image: url("../image/order-icons.png");
  background-position: -46px -44px; }
#max .content .order-state01 .state-cont .state-rcol {
  float: right;
  width: 860px;
  float: left;
  border-left: 1px solid #f1f1f1;
  padding: 20px 0 38px 20px; }
#max .content .order-state01 .state-cont .state-rcol .lioucheng {
  width: 100%;
  text-align: center; }
#max .content .order-state01 .state-cont .state-rcol .lioucheng ul li {
  margin-top: 20px;
  width: 200px;
  height: 30px;
  float: left;
  color: red;
  font-size: 12px;
  font-weight: 400; }
#max .content .order-state01 .state-cont .state-rcol .lioucheng_1 {
  width: 100%;
  overflow: hidden; }
#max .content .order-state01 .state-cont .state-rcol .lioucheng_1 ul li {
  float: left;
  text-align: center; }
#max .content .order-state01 .state-cont .state-rcol .lioucheng_1 ul li img {
  vertical-align: -14px; }
#max .content .order-state01 .state-cont .state-rcol .lioucheng_1 ul .a1 {
  width: 50px;
  height: 40px;
  //background-image: url("../image/node-icons.png");
  background-position: 1px -217px;
  text-align: center; }
#max .content .order-state01 .state-cont .state-rcol .lioucheng_1 ul .a2 {
  width: 50px;
  height: 40px;
  //background-image: url("../image/node-icons.png");
  background-position: -50px -1px; }
#max .content .order-state01 .state-cont .state-rcol .lioucheng_1 ul .a3 {
  width: 50px;
  height: 40px;
  //background-image: url("../image/node-icons.png");
  background-position: -104px -1px; }
#max .content .order-state01 .state-cont .state-rcol .lioucheng_1 ul .a4 {
  width: 50px;
  height: 40px;
  //background-image: url("../image/node-icons.png");
  background-position: -264px -1px; }
#max .content .order-state01 .state-cont .state-rcol .lioucheng_1 ul .a5 {
  width: 50px;
  height: 40px;
  //background-image: url("../image/node-icons.png");
  background-position: -217px -1px; }
#max .content .order-state01 .state-cont .state-rcol .lioucheng_2 {
  width: 100%;
  overflow: hidden; }
#max .content .order-state01 .state-cont .state-rcol .lioucheng_2 ul li {
  text-align: center;
  float: left;
  margin-right: 125px; }
#max .content .order-state01 .state-cont .state-rcol .lioucheng_2 ul li .color_p {
  color: #aaa; }
#max .content .order-state01 .state-cont .state-rcol .lioucheng_2 ul .wancheng {
  float: right;
  margin-right: 61px; }
#max .content .order-state01 .state-cont .state-rcol .state-others {
  margin-top: 100px;
  width: 100%; }
#max .content .order-state01 .state-cont .state-rcol .state-others a {
  color: #aaa;
  text-decoration: none; }
#max .content .order-state01 .state-cont .state-rcol .state-others .b1 {
  display: inline-block;
  width: 20px;
  height: 14px;
  //background-image: url("../image/order-icons.png");
  background-position: 0 2px; }
#max .content .order-state01 .state-cont .state-rcol .state-others .b2 {
  display: inline-block;
  width: 20px;
  height: 14px;
  //background-image: url("../image/order-icons.png");
  background-position: -27px 2px; }
#max .content .order-state01 .state-cont .xian {
  clear: both;
  width: 100%;
  height: 4px;
  //background-image: url("../image/order-icons.png");
  background-position: 0 -117px;
  background-repeat: repeat-x; }
#max .content .sta_pei {
  border-bottom: 20px solid #F5F5F5;
  width: 1210px;
  margin: 0 auto;
  background: white;
  overflow: hidden; }
#max .content .sta_pei .sta_left {
  width: 325px;
  height: 300px;
  border-right: 1px solid #F5F5F5;
  float: left; }
#max .content .sta_pei .sta_left img {
  margin: 10px; }
#max .content .sta_pei .sta_rifht {
  width: 884px;
  height: 300px;
  float: right; }
#max .content .sta_pei .sta_rifht ul {
  margin: 20px; }
#max .content .sta_xinxi {
  width: 1210px;
  margin: 0 auto;
  overflow: hidden;
  background: white; }
#max .content .sta_xinxi ul {
  margin: 20px 0;
  width: 100%; }
#max .content .sta_xinxi ul li {
  height: 240px;
  width: 25%;
  border-right: 1px solid #F5F5F5;
  float: left; }
#max .content .sta_xinxi ul li .dl {
  width: 262px;
  height: 288px;
  padding: 0 10px 0 30px;
  margin: 0 0 0 -1px;
  border-width: 0 0 0 1px; }
#max .content .sta_xinxi ul li .dl h4 {
  font-size: 16px; }
#max .content .sta_xinxi ul li .dl .dd {
  color: #333;
  line-height: 20px; }
#max .content .sta_xinxi ul li .dl .dd .item {
  overflow: hidden;
  margin-top: 5px; }
#max .content .sta_xinxi ul li .dl .dd .item .label {
  font-weight: 200;
  color: black; }
#max .content .sta_xinxi ul li .dl .dd .item .info-rcol {
  width: 130px;
  float: right;
  font-size: 12px;
  overflow: hidden; }
#max .content .sta_xinxi ul li .dl .dd .item .info-rcol .delivery-type {
  display: inline-block;
  height: 16px;
  background-color: #4b9bfb;
  line-height: 16px;
  color: #FFF;
  margin: 3px 0 0 3px;
  border-radius: 6px;
  padding: 0 5px;
  font-size: 12px; }
#max .content .sta_xinxi ul li .dl .dd .item .info-rcol .help-tip {
  display: inline-block;
  width: 16px;
  height: 15px;
  //background-image: url(../image/help.png);
}
#max .content .jdwenzi {
  height: 40px;
  width: 1210px;
  margin: 10px auto;
  line-height: 30px; }
#max .content .jdwenzi span {
  display: inline-block;
  width: 20px;
  height: 16px;
  //background-image: url(../image/sprite-im.png);
  background-position: 0 1px; }
#max .content .shop_sta_xinin {
  width: 1210px;
  margin: 10px auto;
  line-height: 30px;
  overflow: hidden; }
#max .content .shop_sta_xinin table {
  width: 100%;
  border-bottom: 1px solid gainsboro; }
#max .content .shop_sta_xinin table th {
  background: #f9f9f9;
  text-align: center;
  font-weight: 200;
  height: 34px; }
#max .content .shop_sta_xinin table td {
  text-align: center;
  background: white;
  height: 102px; }
#max .content .shop_sta_xinin table td img {
  margin-left: 10px;
  margin-top: 10px;
  float: left;
  width: 80px; }
#max .content .shop_sta_xinin table td div {
  float: right;
  margin-top: 20px;
  margin-right: 100px; }
#max .content .shop_sta_xinin table td div a:hover {
  text-decoration: none;
  font-size: 12px; }
#max .content .shop_sta_xinin .ccccc {
  width: 100%;
  background: white;
  height: 172px;
  border-bottom: 20px solid #F5F5F5; }
#max .content .shop_sta_xinin .ccccc .right {
  width: 200px;
  height: 130px;
  float: right; }
#max .content .shop_sta_xinin .ccccc .right .shuxing {
  width: 100px;
  height: 100%;
  float: left; }
#max .content .shop_sta_xinin .ccccc .right .shuxingzhi {
  width: 100px;
  height: 100%;
  float: right; }
#max .content .shop_sta_xinin .ccccc .right .shuxingzhi .p1 {
  font-size: 18px;
  font-weight: 700;
  color: red; }
#max .content .shop_sta_xinin .ccccc .right .shuxingzhi .b1 {
  display: inline-block;
  width: 16px;
  height: 15px;
  //background-image: url(../image/help.png); }
#max .content .cainixihuan {
  width: 1210px;
  margin: 0 auto;
  overflow: hidden;
  background: white; }
#max .content .cainixihuan .l1 {
  float: left;
  width: 500px;
  height: 50px;
  line-height: 50px; }
#max .content .cainixihuan .r1 {
  float: right;
  width: 100px;
  height: 50px;
  line-height: 50px; }
#max .content .cainixihuan .r1 span {
  text-align: center;
  line-height: 30px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: white;
  border-radius: 50px;
  border: 1px solid gainsboro; }
#max .content .cainixihuan .r1 span:hover {
  background: red;
  color: white; }
#max .content .cainixihuan .xuanxiangka {
  overflow: hidden;
  width: 100%; }
#max .content .cainixihuan .xuanxiangka .ul1 li .ul2 {
  width: 100%; }
#max .content .cainixihuan .xuanxiangka .ul1 li .ul2 li {
  margin-left: 20px;
  width: 220px;
  float: left; }
#max .content .cainixihuan .xuanxiangka .ul1 li .ul2 li p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
#max .content .cainixihuan .xuanxiangka .ul1 li .ul2 li .p1 {
  font-size: 12px; }
#max .content .cainixihuan .xuanxiangka .ul1 li .ul2 li .p2 {
  color: red; }
#max .content .cainixihuan .xuanxiangka .ul1 li .ul2 li .p3 {
  text-align: center; }
#max .content .cainixihuan .xuanxiangka .ul1 li .ul2 li .p3 button {
  height: 30px;
  background: none;
  border: none;
  width: 190px;
  border: 1px solid gainsboro; }
#max .content .cainixihuan .xuanxiangka .ul1 li .ul2 li .p3 button b {
  width: 20px;
  height: 16px;
  display: inline-block;
  //background-image: url(../image/add-cart.png);
  background-position: 0px 0; }
#max .content .cainixihuan .xuanxiangka .ul1 li .ul2 li .p3:hover button {
  background: red;
  color: white; }
#max .content .cainixihuan .xuanxiangka .ul1 li .ul2 li .p3:hover button b {
  width: 20px;
  height: 16px;
  display: inline-block;
  //background-image: url(../image/add-cart.png);
  background-position: -23px 0; }
#max .more {
  margin-left: 7px; }
#max .more .txt {
  font-size: 12px; }
#max footer {
  width: 100%;
  height: 322px;
  padding-bottom: 18px;
  background: #EAEAEA;
  overflow: hidden;
  z-index: 9999;
  margin-top: 20px; }
#max footer .bg_top {
  width: 1210px;
  height: 102px;
  margin: 0 auto; }
#max footer .bg_top .slogen {
  padding-left: 65px;
  margin-right: -23px;
  position: relative;
  padding: 30px 0 30px 55px;
  overflow: hidden; }
#max footer .bg_top .slogen .fore1 i {
  background-position: 0 0; }
#max footer .bg_top .slogen .fore2 i {
  background-position: 0 -43px; }
#max footer .bg_top .slogen .fore3 i {
  background-position: 0 -86px; }
#max footer .bg_top .slogen .fore4 i {
  background-position: 0 -129px; }
#max footer .bg_top .slogen .item {
  float: left;
  position: relative;
  width: 292px;
  height: 42px;
  line-height: 42px;
  font-size: 18px;
  font-weight: 700;
  text-indent: 46px;
  color: #444; }
#max footer .bg_top .slogen .item i {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 42px;
  text-indent: -9999px;
  //background-image: url("//misc.360buyimg.com/jdf/1.0.0/unit/service/5.0.0/i/ico_service.png");
  background-repeat: no-repeat;
  background-position: 0 0; }
#max footer .dj_help {
  border-top: solid 1px #dedede;
  border-bottom: solid 1px #dedede; }
#max footer .dj_help .dj_w {
  width: 1210px;
  height: 200px;
  margin: 0 auto; }
#max footer .dj_help .dj_w .dj_wrap {
  width: 1350px;
  height: 200px;
  padding: 20px 0 20px 55px;
  margin-right: -340px; }
#max footer .dj_help .dj_w .dj_wrap dl {
  width: 255px;
  height: 160px;
  float: left;
  line-height: 22px; }
#max footer .dj_help .dj_w .dj_wrap dl dt {
  width: 255px;
  height: 28px;
  padding-bottom: 6px;
  font-weight: 700;
  font-size: 14px;
  color: #777;
  display: inline-block; }
#max footer .dj_help .dj_w .dj_wrap dl dd {
  font-size: 12px;
  height: 22px;
  overflow: hidden;
  display: block; }
#max footer .dj_help .dj_w .dj_wrap dl dd a {
  text-decoration: none;
  cursor: auto;
  display: inline-block;
  color: #666666; }
#max footer .dj_help .dj_w .dj_wrap dl dd a:hover {
  color: red; }
#max .bg_info_footer {
  width: 100%;
  height: 210px;
  padding-bottom: 30px;
  background: #EAEAEA;
  text-align: center; }
#max .bg_info_footer .bg_wrap {
  width: 1210px;
  height: 162px;
  margin: 0 auto; }
#max .bg_info_footer .bg_wrap .bg_links {
  width: 1210px;
  height: 18px; }
#max .bg_info_footer .bg_wrap .bg_links p {
  display: block; }
#max .bg_info_footer .bg_wrap .bg_links p a {
  cursor: auto;
  display: inline-block;
  color: #666;
  text-decoration: none;
  font-size: 11px; }
#max .bg_info_footer .bg_wrap .bg_links p .copyright_split {
  color: #ccc;
  margin: 0 9px; }
#max .bg_info_footer .bg_wrap .bg_links p a:hover {
  color: red; }
#max .bg_info_footer .bg_wrap .bg_info_sky {
  padding: 10px 0;
  line-height: 22px;
  color: #999;
  width: 1210px;
  height: 108px;
  margin: 0 auto; }
#max .bg_info_footer .bg_wrap .bg_info_sky p {
  margin: 0 0 1px !important !important;
  display: block; }
#max .bg_info_footer .bg_wrap .bg_info_sky p a {
  color: #999;
  display: inline-block;
  font-size: 10px;
  text-decoration: none; }
#max .bg_info_footer .bg_wrap .bg_info_sky p .copyright_split {
  color: #ccc;
  margin: 0 9px; }
#max .bg_info_footer .bg_wrap .bg_info_sky p a:hover {
  color: red; }
#max .bg_info_footer .bg_wrap .bg_info_dy {
  width: 1210px;
  height: 36px;
  margin: 0 auto;
  float: left; }
#max .bg_info_footer .bg_wrap .bg_info_dy .copyright_auth_ico_1 {
  background-position: 0 0; }
#max .bg_info_footer .bg_wrap .bg_info_dy .copyright_auth_ico_2 {
  background-position: -104px 0; }
#max .bg_info_footer .bg_wrap .bg_info_dy .copyright_auth_ico_3 {
  background-position: 0 -33px; }
#max .bg_info_footer .bg_wrap .bg_info_dy .copyright_auth_ico_4 {
  background-position: -104px -33px; }
#max .bg_info_footer .bg_wrap .bg_info_dy .copyright_auth_ico_5 {
  background-position: 0 -66px; }
#max .bg_info_footer .bg_wrap .bg_info_dy .copyright_auth_ico_6 {
  background-position: -104px -66px; }
#max .bg_info_footer .bg_wrap .bg_info_dy .copyright_auth_ico {
  overflow: hidden;
  display: inline-block;
  margin: 0 3px;
  width: 103px;
  height: 32px;
  //background-image: url("//misc.360buyimg.com/jdf/1.0.0/unit/global-footer/5.0.0/i/ico_footer.png");
  line-height: 1000px; }
#max .bg_info_footer .bg_wrap .bg_info_dy a:hover {
  color: #f30213; }

.fix_ed {
  width: 42px;
  overflow: hidden;
  position: fixed;
  right: 10px;
  bottom: 200px; }
.fix_ed ul {
  width: 42px; }
.fix_ed ul li {
  width: 42px;
  height: 42px;
  background: #ccc;
  border: 1px dashed white; }
.fix_ed ul .i1 {
  //background-image: url(../image/slidebar-icon-new.png);
  background-position: 0 42px; }
.fix_ed ul .i1:hover {
  background: #c81623;
  //background-image: url(../image/slidebar-icon-new.png);
  background-position: 0 42px; }
.fix_ed ul .i2 {
  //background-image: url(../image/slidebar-icon-new.png);
  background-position: 0 0; }
.fix_ed ul .i2:hover {
  background: #c81623;
  //background-image: url(../image/slidebar-icon-new.png);
  background-position: 0 0; }
.fix_ed ul .i3 {
  //background-image: url(../image/slidebar-icon-new.png);
  background-position: -1px -44px; }
.fix_ed ul .i3:hover {
  //background-image: url(../image/slidebar-icon-new.png);
  background-position: -53px -44px; }
.fix_ed ul .i4 {
  background: #666;
  //background-image: url(../image/slidebar-icon-new.png);
  background-position: 0 -88px; }
.fix_ed ul .i4:hover {
  background: #c81623;
  //background-image: url(../image/slidebar-icon-new.png);
  background-position: 0 -88px; }

.xian_hied {
  background: #fbfbfb;
  position: fixed;
  right: 50px;
  bottom: 138px; }
.xian_hied .problem-cont {
  width: 120px;
  overflow: hidden; }
.xian_hied .problem-cont .problem-top {
  width: 90%;
  margin: 0 auto; }
.xian_hied .problem-cont .problem-top h5 {
  float: left; }
.xian_hied .problem-cont .problem-top .close {
  float: right; }
.xian_hied .problem-cont .problem-list {
  border-top: 1px solid gray;
  clear: both; }
.xian_hied .problem-cont .problem-list a {
  margin-top: 10px;
  display: block;
  width: 90%;
  margin: 0 auto;
  font-size: 12px;
  color: #666;
  line-height: 26px; }
.xian_hied .problem-cont .problem-list a:hover {
  text-decoration: none; }

.weweima {
  display: none;
  text-align: center;
  width: 200px;
  height: 200px;
  padding: 20px;
  background: #fbfbfb;
  position: fixed;
  right: 50px;
  bottom: 200px;
}
.weweima img {
  width: 80%;
}
}

</style>
